<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="./web/js/rem.js"></script>
    <link rel="stylesheet" href="./web/css/public.css">
    <link rel="stylesheet" href="./web/css/rencai_lib.css">
    <script src="./web/js/jquery.js"></script>
    <title>人才库</title>
    <link rel="stylesheet" href="./web/css/bui.css">
    <script src="./web/js/zepto.js"></script>
    <script src="./web/js/bui.js"></script>
    <script src="./web/js/choose.js"></script>
</head>

<body>
    <div class="bui-page">

        <main>
            <div class="header-top">
                    <a href="./mine.html">
                        <img class="login-user" src="./web/img/login_user.png" />
                    </a>
                <img class="logo" src="./web/img/logo_white.png" />
                <div class="search-rencai">
                    <div class="choose-type">
                        <div id="datepicker_input2">人才库</div>
                        <img src="./web/img/down_white_arrow.png">
                    </div>
                    <div class="search">
                        <img src="./web/img/search.png">
                        <input placeholder="请输入搜索关键词"></input>
                    </div>
                </div>
            </div>
            <div class="college-choose">
                <div class="college" id="choose-show">
                    <span>学院选择</span>
                    <img id="down-arrow" src="./web/img/down_arrow.png">
                </div>
                <div class="college-list" id="college">
                    <div>矿业与安全工程学院</div>
                    <div>测绘科学与工程学院</div>
                    <div>地球科学与工程学院</div>
                    <div>土木工程与建筑学院</div>
                    <div>机械电子工程学院</div>
                    <div>化学与环境工程学院</div>
                    <div>材料科学与工程学院</div>
                    <div>艺术与设计学院</div>
                    <div>马克思主义学院</div>
                    <div>经济管理学院</div>
                    <div>电气自动化与工程学院</div>
                    <div>电子信息工程学院</div>
                </div>
            </div>
            <script>
                    $('#college div').click(function() {
                var i = $(this).index();//下标第一种写法
                //var i = $('tit').index(this);//下标第二种写法
                $(this).css({'color':'#2065a0','font-weight':'600'}).siblings().css({'color':'#999','font-weight':'400'});
            });
                $('#choose-show').click(function(){
                    
                    
                    if($('#college').hasClass('displayflex')){
                        $('#college').removeClass('displayflex')
                        $('#down-arrow').css('transform','rotate(0deg)')
                    }else{
                        $('#college').addClass('displayflex');
                        $('#down-arrow').css('transform','rotate(180deg)')
                    }
    
                })
                </script>
            <div class="team">
                <div class="team-top">
                    <div class="team-text">明星团队</div>
                    <div class="lookmore">
                        <a href="./star_team.html">
                            <span>查看更多</span>
                            <img src="./web/img/more.png" />
                        </a>
                    </div>
                </div>
                <ul class="team-list">
                    <li>
                        <a href="./team_detail.html">
                            <img src="./web/img/rencai.png" />
                            <div class="from" style="-webkit-box-orient: vertical;">矿产开采队</div>
                            <div class="principal" style="-webkit-box-orient: vertical;">负责人：蒋金泉</div>
                        </a>
                    </li>
                    <li>
                        <a href="./team_detail.html">
                            <img src="./web/img/rencai.png" />
                            <div class="from" style="-webkit-box-orient: vertical;">矿产开采队</div>
                            <div class="principal" style="-webkit-box-orient: vertical;">负责人：蒋金泉</div>
                        </a>
                    </li>
                    <li>
                        <a href="./team_detail.html">
                            <img src="./web/img/rencai.png" />
                            <div class="from" style="-webkit-box-orient: vertical;">矿产开采队</div>
                            <div class="principal" style="-webkit-box-orient: vertical;">负责人：蒋金泉</div>
                        </a>
                    </li>
                    <div style="width: 1.92rem"></div>
                    <div style="width: 1.92rem"></div>
                </ul>
            </div>
            <div class="two-college">
                <div class="college-top">
                    <div class="college-text">两院院士</div>
                    <div class="lookmore">
                        <a href="./star_team.html">
                            <span>查看更多</span>
                            <img src="./web/img/more.png" />
                        </a>
                    </div>
                </div>
                <div class="introduce">
                    <div class="intro-text" style="-webkit-box-orient: vertical;">
                        两院院士是国家设立的科学技术和工程技术方面更的最高学术称号，是我国最优秀的科学经营和学术权威。</div>
                    <ul class="college-list">
                        <li>
                            <a href="./rencai_detail.html">
                                <img src="./web/img/yuanshi1.png" alt="">
                                <div class="college-from">中国科学院院士</div>
                                <div class="college-name">宋振骐</div>
                            </a>
                        </li>
                        <li>
                            <a href="./rencai_detail.html">
                                <img src="./web/img/yuanshi2.png" alt="">
                                <div class="college-from">中国科学院院士</div>
                                <div class="college-name">宋振骐</div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="team1">
                <div class="team1-top">
                    <div class="team1-text">矿业与安全工程学院</div>
                    <div class="lookmore">
                        <a href="./human_lib.html">
                            <span>查看更多</span>
                            <img src="./web/img/more.png" />
                        </a>
                    </div>
                </div>
                <ul class="team1-list">
                    <li>
                        <a href="./team_detail.html">
                            <img src="./web/img/rencai.png" />
                            <div class="from" style="-webkit-box-orient: vertical;">矿产开采队</div>
                            <div class="principal" style="-webkit-box-orient: vertical;">负责人：蒋金泉</div>
                        </a>
                    </li>
                    <li>
                        <a href="./team_detail.html">
                            <img src="./web/img/rencai.png" />
                            <div class="from" style="-webkit-box-orient: vertical;">矿产开采队</div>
                            <div class="principal" style="-webkit-box-orient: vertical;">负责人：蒋金泉</div>
                        </a>
                    </li>
                    <li>
                        <a href="./team_detail.html">
                            <img src="./web/img/rencai.png" />
                            <div class="from" style="-webkit-box-orient: vertical;">矿产开采队</div>
                            <div class="principal" style="-webkit-box-orient: vertical;">负责人：蒋金泉</div>
                        </a>
                    </li>
                    <div style="width: 1.92rem"></div>
                    <div style="width: 1.92rem"></div>
                </ul>
            </div>

            <div class="bottom-bar">
                <div>Copyright©2019 　山东科技大学 </div>
                <div>鲁ICP备09051012号</div>
            </div>
        </main>

    </div>

</body>


</html>